.leftBox {
    width: 30%;
    height: 100%;
    // background-color: pink;
    float: left;

    // 环境监测
    .huanJing {
        width: 80%;
        height: 40%;
        // background-color: cyan;
        margin: 0 auto;

        nav {
            width: 100%;
            height: 8%;
            background: url(../../../public/icon/左.png) no-repeat;
            background-size: 100% 100%;
            color: #8295E0;
        }

        .tian-0 {
            width: 100%;
            height: 90%;
            background-color: #0D1D5E;
            margin-top: 1rem;

            dl {
                padding: 2rem;

                dt {
                    float: left;
                }

                dd {
                    margin-left: 8rem;

                    p>span:nth-child(2) {
                        margin-left: 8rem;
                        color: #AEA725;
                        font-weight: 800;
                    }
                }
            }

            .tian-1 {
                width: 85%;
                height: 8rem;
                background-color: #172E6C;
                margin: auto;
                line-height: 2.5rem;

                p {
                    display: flex;
                    justify-content: space-around;
                }
            }

            .tian-2 {
                width: 85%;
                height: 7rem;
                background-color: #172E6C;
                margin: 1rem auto;

            }

        }
    }

    // 学生分布
    .student {
        width: 80%;
        height: 40%;
        // background-color: pink;
        margin: 100px auto;

        nav {
            width: 100%;
            height: 8%;
            background: url(../../../public/icon/左.png) no-repeat;
            background-size: 100% 100%;
            color: #8295E0;
        }

        .stu-0 {
            width: 32rem;
            height: 21rem;
            background-color: #0D1D5E;
            margin-top: 1rem;
        }
    }
}

.cenetrBox {
    width: 40%;
    height: 100%;
    // background-color: cyan;
    float: left;
}

.rightBox {
    width: 30%;
    height: 100%;
    // background-color: purple;
    float: left;

    // 水电用量
    .water {
        width: 80%;
        height: 40%;
        // background-color: rgb(107, 153, 153);
        margin: auto;

        nav {
            width: 100%;
            height: 8%;
            background: url(../../../public/icon/左.png) no-repeat;
            background-size: 100% 100%;
            color: #8295E0;
        }

        .water-0 {
            width: 32rem;
            height: 24rem;
            // background-color: #0D1D5E;
            margin-top: 1rem;

            .water-1 {
                height: 20%;
                // background-color: cyan;
                display: flex;
                justify-content: space-between;

                img {
                    width: 2.5rem;
                    height: 3.2rem;
                }

                .water-1-lft {
                    width: 48%;
                    height: 100%;
                    background-color: #0D1D5E;
                    display: flex;
                    justify-content: space-evenly;
                }

                .water-1-rgt {
                    width: 48%;
                    height: 100%;
                    background-color: #0D1D5E;
                    display: flex;
                    justify-content: space-evenly;
                }
            }

            .water-2 {
                height: 75%;
                background-color: #0D1D5E;
                margin-top: 2rem;
            }
        }
    }

    // 校园人员流动情况
    .school {
        width: 80%;
        height: 40%;
        // background-color: rgb(155, 37, 56);
        margin: 100px auto;

        nav {
            width: 100%;
            height: 8%;
            background: url(../../../public/icon/左.png) no-repeat;
            background-size: 100% 100%;
            color: #8295E0;
        }

        .school-0 {
            width: 32rem;
            height: 24rem;
            // background-color: #0D1D5E;
            margin-top: 1rem;

            .school-1 {
                height: 20%;
                // background-color: cyan;
                display: flex;
                justify-content: space-between;

                img {
                    width: 2.5rem;
                    height: 3.2rem;
                }

                .school-1-lft {
                    width: 48%;
                    height: 100%;
                    background-color: #0D1D5E;
                    display: flex;
                    justify-content: space-evenly;
                }

                .school-1-rgt {
                    width: 48%;
                    height: 100%;
                    background-color: #0D1D5E;
                    display: flex;
                    justify-content: space-evenly;
                }
            }

            .school-2 {
                height: 75%;
                background-color: #0D1D5E;
                margin-top: 2rem;
            }
        }
    }
}